/*
 * 公用动画库
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    /*visibility: visible;*/
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes movepopbottom{/*向下位移弹性动画*/
    0%  {opacity: 0;-webkit-transform:translate(0,-200px);}
    65%{opacity: 0.65;-webkit-transform:translate(0,0px);}
    85%{opacity: 0.85;-webkit-transform:translate(0,-15px);}
    100%{opacity: 1;-webkit-transform:translate(0,0);}
}@-moz-keyframes movepopbottom{
    0%  {opacity: 0;-moz-transform:translate(0,-200px);}
    65%{opacity: 0.65;-moz-transform:translate(0,0px);}
    85%{opacity: 0.85;-moz-transform:translate(0,-15px);}
    100%{opacity: 1;-moz-transform:translate(0,0);}
}@-o-keyframes movepopbottom{
    0%  {opacity: 0;-o-transform:translate(0,-200px);}
    65%{opacity: 0.65;-o-transform:translate(0,0px);}
    85%{opacity: 0.85;-o-transform:translate(0,-15px);}
    100%{opacity: 1;-o-transform:translate(0,0);}
}@keyframes movepopbottom{
    0%  {opacity: 0;transform:translate(0,-200px);}
    65%{opacity: 0.65;transform:translate(0,0px);}
    85%{opacity: 0.85;transform:translate(0,-15px);}
    100%{opacity: 1;transform:translate(0,0);}
}

@-webkit-keyframes movetop{/*向上位移动画*/
    from  {opacity: 0;-webkit-transform:translate(0,120px);}
    to {opacity: 1;-webkit-transform:translate(0,0);}
}@-moz-keyframes movetop{
    from  {opacity: 0;-moz-transform:translate(0,300px);}
    to {opacity: 1;-moz-transform:translate(0,0);}
}@-o-keyframes movetop{
    from  {opacity: 0;-o-transform:translate(0,300px);}
    to {opacity: 1;-o-transform:translate(0,0);}
}@keyframes movetop{
    from  {opacity: 0;transform:translate(0,120px);}
    to {opacity: 1;transform:translate(0,0);}
}

@-webkit-keyframes righttoleft{/*右向左位移动画*/
    from  {opacity: 0;-webkit-transform:translate(300px,0);}
    to {opacity: 1;-webkit-transform:translate(0,0);}
}@-moz-keyframes righttoleft{
    from  {opacity: 0;-moz-transform:translate(300px,0);}
    to {opacity: 1;-moz-transform:translate(0,0);}
}@-o-keyframes righttoleft{
    from  {opacity: 0;-o-transform:translate(300px,0);}
    to {opacity: 1;-o-transform:translate(0,0);}
}@keyframes righttoleft{
    from  {opacity: 0;transform:translate(300px,0);}
    to {opacity: 1;transform:translate(0,0);}
}

@-webkit-keyframes mintomax{/*小到大缩放动画*/
    from  {opacity: 0;-webkit-transform:scale(0.3,0.3);}
    to {opacity: 1;-webkit-transform:scale(1,1);}
}@-moz-keyframes mintomax{
    from  {opacity: 0;-moz-transform:scale(0.3,0.3);}
    to {opacity: 1;-moz-transform:scale(1,1);}
}@-o-keyframes mintomax{
    from  {opacity: 0;-o-transform:scale(0.3,0.3);}
    to {opacity: 1;-o-transform:scale(1,1);}
}@keyframes mintomax{
    from  {opacity: 0;transform:scale(0.3,0.3);}
    to {opacity: 1;transform:scale(1,1);}
}

@-webkit-keyframes jumpout{/*跳出小动画*/
    0%  {opacity: 0;-webkit-transform: scale(0.1,0.1);}
    80%  {opacity: 0.8;-webkit-transform: scale(1.2,1.2);}
    100%{opacity: 1;-webkit-transform: scale(1,1);}
}@-moz-keyframes jumpout{
    0%  {opacity: 0;-moz-transform: scale(0.1,0.1);}
    80%  {opacity: 0.8;-moz-transform: scale(1.2,1.2);}
    100%{opacity: 1;-moz-transform: scale(1,1);}
}@-o-keyframes jumpout{
    0%  {opacity: 0;-o-transform: scale(0.1,0.1);}
    80%  {opacity: 0.8;-o-transform: scale(1.2,1.2);}
    100%{opacity: 1;-o-transform: scale(1,1);}
}@keyframes jumpout{
    0%  {opacity: 0;transform: scale(0.1,0.1);}
    80%  {opacity: 0.8;transform: scale(1.2,1.2);}
    100%{opacity: 1;transform: scale(1,1);}
}

/*渐出*/
@-webkit-keyframes fadein{ 0%  {opacity: 0;} 100%{opacity: 1;} }
@-moz-keyframes fadein{ 0%  {opacity: 0;} 100%{opacity: 1;} }
@-o-keyframes fadein{ 0%  {opacity: 0;} 100%{opacity: 1;} }
@keyframes fadein{ 0%  {opacity: 0;} 100%{opacity: 1;} }

/*进度条动画*/
@-webkit-keyframes progress-bar-stripes { from {background-position: 40px 0;} to {background-position: 0 0;} }
@-moz-keyframes progress-bar-stripes { from {background-position: 40px 0;} to {background-position: 0 0;} }
@-ms-keyframes progress-bar-stripes { from {background-position: 40px 0;} to {background-position: 0 0;} }
@-o-keyframes progress-bar-stripes { from {background-position: 0 0;} to {background-position: 40px 0;} }
@keyframes progress-bar-stripes { from {background-position: 40px 0;} to {background-position: 0 0;} }

/*动画调用*/
.carousel-inner div.active .banner-bd s{
    opacity: 0;filter:alpha(opacity=100);visibility: visible;
    -webkit-animation: movepopbottom .4s ease-in forwards;
    -moz-animation: movepopbottom .4s ease-in forwards;
    -o-animation: movepopbottom .4s ease-in forwards;
    animation: movepopbottom .4s ease-in forwards;
}
.carousel-inner div.active .banner-bd h1{
	opacity: 0;filter:alpha(opacity=100);visibility: visible;
	-webkit-animation: movepopbottom .4s ease-in forwards;
    -moz-animation: movepopbottom .4s ease-in forwards;
    -o-animation: movepopbottom .4s ease-in forwards;
    animation: movepopbottom .4s ease-in forwards;
}
.carousel-inner div.active .banner-bd p{
	opacity: 0;filter:alpha(opacity=100);visibility: visible;
	-webkit-animation: movetop .4s ease-in forwards;
    -moz-animation: movetop .4s ease-in forwards;
    -o-animation: movetop .4s ease-in forwards;
    animation: movetop .4s ease-in forwards;
}
.carousel-inner div.active .banner-bd a.more{
	opacity: 0;filter:alpha(opacity=100);visibility: visible;
	-webkit-animation: movetop .4s ease-in .2s forwards;
    -moz-animation: movetop .4s ease-in .2s forwards;
    -o-animation: movetop .4s ease-in .2s forwards;
    animation: movetop .4s ease-in .2s forwards;
}